<template>
	<view class="tag" :style="{
      background: background,
      borderRadius: borderRadius,
      fontSize: fontSize,
      padding: padding,
      color: color
    }">
		<slot></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		background: {
			type: String,
			default: "#EEF9F3"
		},
		borderRadius: {
			type: String,
			default: "12rpx"
		},
		fontSize: {
			type: String,
			default: "24rpx"
		},
		padding: {
			type: String,
			default: "6rpx 16rpx"
		},
		color: {
			type: String,
			default: "#2BB160"
		},
	});
</script>

<style lang="scss" scoped>
	.tag {
		font-weight: 500;
		display: inline-block;
		position: absolute;
		top: 32rpx;
		right: 32rpx;
	}
</style>